<template>
<h5>父组件</h5>
<div class="box">
<!-- 全局组件 -->
<global-com></global-com>
<global-com></global-com>
<GlobalCom />
<!-- 局部组件 -->
    <local-com></local-com>
</div>
</template>
<script setup>
import GlobalCom from "./GlobalCom.vue";
import LocalCom from "./LocalCom.vue";
</script>
<style scoped>
.box{
    display: flex;
}
h5 {
    background-color: aqua;
    border: 3px dotted rgb(233, 162, 162);
}
:deep(.title){
    border: 3px dotted skyblue;
}
</style>